.vjs-default-skin {
    color: #50ffcc;
}

.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level {
    background-color: #daddde;
}

.vjs-default-skin .danmaku_btn:before {
    content: "\e008";
}

.vjs-default-skin .danku_btn:focus .vjs-control-content:before,
.vjs-default-skin .danku_btn:hover .vjs-control-content:before {
    /* box-shadow */
    -webkit-box-shadow: 0 0 1em #ffffff;
    -moz-box-shadow: 0 0 1em #ffffff;
    box-shadow: 0 0 1em #ffffff;
}

.dialog {
    width: 900px;
    position: absolute;
    overflow: hidden
}

.dialog .cmt {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    position: absolute;
    padding: 3px 0 0 0;
    margin: 0;
    color: #fff;
    font-family: SimHei, SimSun, Heiti, "MS Mincho", "Meiryo", "Microsoft YaHei", monospace;
    font-size: 25px;
    text-decoration: none;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    line-height: 100%;
    letter-spacing: 0;
    word-break: keep-all;
    white-space: pre;
    z-index: 999;
}

.dialog .cmt.noshadow {
    text-shadow: none;
    z-index: 999;
}

.dialog .cmt.rshadow {
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    z-index: 999;
}